<template>
		<div class="global-layout-vue">
		<el-container>
			<el-aside v-show="storeDisplay.showMenu" :style="leftAsideStyle" class="left-aside-outer-box">
				<LeftAside/>
			</el-aside>
			<RightResize v-show="storeDisplay.showMenu" v-model="storeDisplay.rightAsideWidth" @change="rightAsideWidthChange"></RightResize>
			<el-container>
				<el-header v-if="storeDisplay.showHeader">
					<RightHeader ref="rightHeaderRef"/>
				</el-header>
				<el-main style="padding: 0;">
					<router-view/>
				</el-main>
			</el-container>
		</el-container>
	</div>

</template>

<style lang="scss">
	
</style>

<script setup>
import { ref } from 'vue';
import LeftAside from '../aside/LeftAside.vue';
import RightHeader from '../aside/RightHeader.vue';
import RightResize from '../aside/RightResize.vue';

let storeDisplay =ref({
	showMenu:true,
	showHeader:true
})

const rightAsideWidthChange = ()=>{
	
}
</script>


